// 解构vuex方法
import {mapMutations} from 'vuex'

export default{
    methods:{
        ...mapMutations('app',['SET_COLLAPSE']),
        $_resize(){
          // 设置界限
          const WIDTH=600
          // 实时获取屏幕宽度
          let bodyW=document.body.clientWidth
          // 如果屏幕宽度大于600，设值为false
          if(bodyW>WIDTH){
            this.SET_COLLAPSE(false)
          }
          else{
              this.SET_COLLAPSE(true)
          }
        }
      },
        // mounted生命周期，操作dom
  mounted(){
    // 初始化执行一次
    this.$_resize()
    // 屏幕拉伸变化时执行一次
    window.addEventListener('resize',this.$_resize)
  },

  // 销毁
  beforeDestroy(){
    window.removeEventListener('resize',this.$_resize)
  }
}